<template>
	<view class="container">
		
		  <van-cell-group inset>
		    <van-field
		      v-model="formData.name"
		      name="姓名"
		      label="姓名"
		      placeholder="输入宝宝姓名"
		      
		    />
		    <van-field
		      v-model="formData.nickname"
		      name="昵称"
		      label="昵称"
		      placeholder="输入宝宝昵称"
		      :rules="[{ required: true, message: '请填写昵称' }]"
		    />
		  </van-cell-group>
		  
		  <van-field name="uploader" label="宝宝照片">
		    <template #input>
		      <van-uploader v-model="formData.image" />
		    </template>
			
		  </van-field>
	</view>
</template>

<script setup>
	import { ref, onMounted } from 'vue';
	import {  Form, Field, CellGroup,Uploader  } from 'vant';
	
	const formData=ref({
		name:'',
		nickname:'',
		image:[],
		sex:'',
		birthday:'',
		nature:[]
	})
</script>

<style scoped>
.container{
	background-color: aqua;
	height: 400rpx;
}
</style>